<template>

  <section class="accounts">
	  <AddressHeader :title="title"></AddressHeader>
		<div class="Accounts_box">
			<h1>订购成功!</h1>
			<h2>订单编号: 697900291</h2>
			<h3>查看订单</h3>
			<div class="Accounts_pay">去付款</div>
		</div>
  </section>

</template>

<script>
import AddressHeader from './Address_header.vue'
  export default  {
    name: 'Accounts',
    props: [],
    mounted() {

    },
    data() {
      return {
		  title:"订单结束"
      }
	},
	components:{
		AddressHeader:AddressHeader
	},
    methods: {
      
    },
    computed: {

    }
}
</script>

<style scoped>
  .accounts {
		width: 100%;
		overflow: hidden;
	}
	
	
	
	.Accounts_box {
		width: 100%;
	}
	
	.Accounts_box h1 {
		color: #E51B19;
		font-size: 0.32rem;
		margin-top: 0.25rem;
		text-align: center;
	}
	
	.Accounts_box h2 {
		color: #F17F1F;
		font-size: 0.32rem;
		margin-top: 0.25rem;
		text-align: center;
	}
	
	.Accounts_box h3 {
		color: #323232;
		font-size: 0.32rem;
		margin-top: 0.25rem;
		text-align: center;
	}
	
	.Accounts_pay {
		width: 3.18rem;
		height: 0.62rem;
		background: #0a8ddf;
		font-size: 0.25rem;
		text-align: center;
		color: #FFFFFF;
		line-height: 0.62rem;
		border-radius: 3px;
		margin: 0 auto;
		margin-top: 0.25rem;
		    font-style: normal;
	}
</style>
